<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<div id="content_work">
    <!-- 컨텐츠 -->
    <div class="work_contents">
      <h1><img src="https://www.elandscout.com/images/newcomer/title_newcomer.gif" alt="타이틀 이미지"></h1>
      <ul class="new_menu">
        <li><a href=""><img src="https://www.elandscout.com/images/newcomer/tab01.gif" alt="기본 학력사항"></a></li>
        <li><img src="https://www.elandscout.com/images/newcomer/tab02_a.gif" alt="경력사항"></li>
        <li><a href=""><img src="https://www.elandscout.com/images/newcomer/tab03.gif" alt="외국어자격"></a></li>
        <li><a href=""><img src="https://www.elandscout.com/images/newcomer/tab04.gif" alt="자기소개"></a></li>
        <li class="last"><a href=""><img src="https://www.elandscout.com/images/newcomer/tab05.gif" alt="제출하기"></a></li>
      </ul>
      <p><img src="https://www.elandscout.com/images/newcomer/txt01.gif" alt="각단계마다 지원서를 저장하시면 모든 단계의 내용을 수정/삭제 하실수 있습니다. 제출을 선택하면 최종 입사지원이 완료되어 수정및삭제가 불가능하니 유의하시기 바랍니다."></p>
      <!-- 동아리 -->
      <table width="710" border="0" cellspacing="0" cellpadding="0" class="new_from01">
      	<caption><div class="recruit_title">&nbsp;</div>
      		<br>
      	 	<b>*&nbsp;표시 항목들은 저장 후 다음단계로 넘어가기 위해 필수적으로 기입하셔야 합니다.
			 <br>최종제출(최종지원)을 위해서는 *&nbsp;없는 항목까지 전 항목 기입하셔야 합니다.</b>
        <br>
        <br>
        <img src="https://www.elandscout.com/images/newcomer/club.gif" alt="동아리">
        </caption>
        
        <tbody><tr>
          <th>단체명</th>
          <th>단체종류</th>
          <th>단체의 소개</th>
          <th>직책</th>
          <th>활동기간</th>
          <th>구성원</th>
        </tr>
        <tr>
        <form id="from">
          <td><!-- 단체명 -->
          		<input id="club_nm" name="club_nm" maxlength="30" type="text" class="new_txtfrom" style="width:100px;">
          </td>
          <td> <!-- 단체종류 -->
          		<select id="club_cd" name="club_cd" class="select_bx01" style="width:70px;"><option value="">-</option>
<option value="01">봉사</option>
<option value="02">학술</option>
<option value="03">스포츠</option>
<option value="04">친교</option>
<option value="05">종교</option>
<option value="06">어학</option>
<option value="07">예술</option>
<option value="08">비즈니스</option>
<option value="09">광고</option>
<option value="10">언론</option>
<option value="99">기타</option>
</select>
          </td>
          <td> <!-- 단체의 소개 -->
          		<input id="club_desc" name="club_desc" maxlength="50" type="text" class="new_txtfrom" style="width:140px;">
          </td>
          <td><!-- 직책 -->
          		<select id="club_post" name="club_post" class="select_bx01" style="width:70px;"><option value="">-</option>
<option value="회장">회장</option>
<option value="부회장">부회장</option>
<option value="총무">총무</option>
<option value="회원">회원</option>
</select>
          </td>
          <td class="last pd_b5"> <!-- 활동기간 -->
          		<select id="club_term_cd" name="club_term_cd" class="select_bx01" style="width:130px;"><option value="">-</option>
<option value="00">6개월미만</option>
<option value="01">6개월</option>
<option value="02">1년</option>
<option value="03">1년 6개월</option>
<option value="04">2년</option>
<option value="05">2년 6개월</option>
<option value="06">3년</option>
<option value="07">3년 6개월</option>
<option value="08">4년</option>
<option value="09">4년 6개월</option>
<option value="10">5년</option>
<option value="11">5년 6개월</option>
<option value="12">6년</option>
<option value="13">6년 이상</option>
</select>
          </td>
         <td class="pd_b5"> <!-- 구성원의 수 -->
          		<input id="club_member" name="club_member" maxlength="5" type="text" class="new_txtfrom" style="width:30px;"> 명
         </td>
        </tr>
        <!-- <tr>
          <td>단체명
          		<input name="club_name" maxlength="30" type="text" class="new_txtfrom" style="width:100px;">
          </td>
          <td> 단체종류
          		<select name="opt_club_type" class="select_bx01" style="width:70px;"><option value="">-</option>
<option value="01">봉사</option>
<option value="02">학술</option>
<option value="03">스포츠</option>
<option value="04">친교</option>
<option value="05">종교</option>
<option value="06">어학</option>
<option value="07">예술</option>
<option value="08">비즈니스</option>
<option value="09">광고</option>
<option value="10">언론</option>
<option value="99">기타</option>
</select>
          </td>
          <td> 단체의 소개
          		<input name="club_desc" maxlength="50" type="text" class="new_txtfrom" style="width:140px;">
          </td>
          <td>직책
          		<select name="opt_club_post" class="select_bx01" style="width:70px;"><option value="">-</option>
<option value="01">회장</option>
<option value="02">부회장</option>
<option value="03">총무</option>
<option value="04">회원</option>
</select>
          </td>
          <td class="last pd_b5"> 활동기간
          		<select name="opt_club_term" class="select_bx01" style="width:130px;"><option value="">-</option>
<option value="00">6개월미만</option>
<option value="01">6개월</option>
<option value="02">1년</option>
<option value="03">1년 6개월</option>
<option value="04">2년</option>
<option value="05">2년 6개월</option>
<option value="06">3년</option>
<option value="07">3년 6개월</option>
<option value="08">4년</option>
<option value="09">4년 6개월</option>
<option value="10">5년</option>
<option value="11">5년 6개월</option>
<option value="12">6년</option>
<option value="13">6년 이상</option>
</select>
          </td>
         <td class="pd_b5"> 구성원의 수
          		<input name="club_member" maxlength="5" type="text" class="new_txtfrom" style="width:30px;"> 명
         </td>
        </tr> -->
      </tbody></table>
      <!-- 아르바이트 -->
        <input type="hidden" name="app_num" value="${sessionScope.app_num }">
      
      <table width="710" border="0" cellspacing="0" cellpadding="0" class="new_from01">
        <caption>
        <img src="https://www.elandscout.com/images/newcomer/job.gif" alt="아르바이트">  <font color="red"></font>
        </caption>
        <tbody><tr>
          <th>직종</th>
          <th>매장/업체명</th>
          <th>구체업무</th>
          <th>기간</th>
        </tr>
        <tr>
          <td>
          		<select name="job_cd" class="select_bx01" style="width:120px;"><option value="">-</option>
<option value="01">사무보조</option>
<option value="02">판매</option>
<option value="03">육체노동</option>
<option value="04">과외</option>
<option value="05">외식업체</option>
<option value="06">기타</option>
</select>
          </td>
          <td>
          		<input name="job_com" maxlength="100" type="text" class="new_txtfrom" style="width:140px;">
          </td>
          <td>
          		<input name="job_desc" maxlength="100" type="text" class="new_txtfrom" style="width:160px;">
           </td>
          <td class="last">
          		<input id="job_from_yy" name="job_from_yy" maxlength="4" type="text" class="new_txtfrom" style="width:30px;">년
            	<input id="job_from_mm" name="job_from_mm" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">월 
            	<input id="job_from_dd" name="job_from_dd" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">일~
            	<input type="hidden" name="job_fr_ym" id="job_fr_ym">
            	<br>
            	<input id="job_to_yy" name="job_to_yy" maxlength="4" type="text" class="new_txtfrom" style="width:30px;">년
            	<input id="job_to_mm" name="job_to_mm" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">월
            	<input id="job_to_dd" name="job_to_dd" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">월
            	<input type="hidden" name="job_to_ym" id="job_to_ym">
		</td>
        </tr>
        <!-- <tr>
          <td>
          		<select name="opt_job_type" class="select_bx01" style="width:120px;"><option value="">-</option>
<option value="01">사무보조</option>
<option value="02">판매</option>
<option value="03">육체노동</option>
<option value="04">과외</option>
<option value="05">외식업체</option>
<option value="06">기타</option>
</select>
          </td>
          <td>
          		<input name="job_company" maxlength="100" type="text" class="new_txtfrom" style="width:140px;">
          </td>
          <td>
          		<input name="job_desc" maxlength="100" type="text" class="new_txtfrom" style="width:160px;">
           </td>
          <td class="last">
          		<input name="job_from_yy" maxlength="4" type="text" class="new_txtfrom" style="width:30px;">년
            	<input name="job_from_mm" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">월 ~
            	<input name="job_to_yy" maxlength="4" type="text" class="new_txtfrom" style="width:30px;">년
            	<input name="job_to_mm" maxlength="2" type="text" class="new_txtfrom" style="width:15px;">월
		</td>
        </tr> -->
      </tbody></table>
      
      <!-- 경력 -->
      <table width="710" border="0" cellspacing="0" cellpadding="0" class="new_from01">
        <caption><img src="https://www.elandscout.com/images/newcomer/career.gif" alt="경력">(인턴포함)&nbsp;&nbsp;* 최근 경력부터 기재 부탁 드립니다.</caption>
        <tbody><tr>
          <th>회사명</th>
          <th>부서명</th>
          <th width="400">기간</th>
        </tr>
        <tr>
          <td><input name="resume_com_nm" maxlength="18" type="text" class="new_txtfrom" style="width:110px;"></td>
          <td><input name="resume_nm" maxlength="20" type="text" class="new_txtfrom" style="width:110px;"></td>
          <td class="last">
          	 <input name="resume_from_yy"id="resume_from_yy" maxlength="4" type="text" class="new_txtfrom" style="width:50px;">년
            <input name="resume_from_mm"id="resume_from_mm" maxlength="2" type="text" class="new_txtfrom" style="width:25px;">월 
            <input name="resume_from_dd"id="resume_from_dd" maxlength="4" type="text" class="new_txtfrom" style="width:25px;">일~
            <input type="hidden" name="resume_fr_ym" id="resume_fr_ym" value="">
            
            <br>
            <input name="resume_to_yy" id="resume_to_yy" maxlength="4" type="text" class="new_txtfrom" style="width:50px;">년
            <input name="resume_to_mm"id="resume_to_mm" maxlength="2" type="text" class="new_txtfrom" style="width:25px;">월
            <input name="resume_to_dd"id="resume_to_dd" maxlength="2" type="text" class="new_txtfrom" style="width:25px;">일
            <input type="hidden" name="resume_to_ym" id="resume_to_ym" value="">
          </td>
        </tr>
        <tr>
          <th width="250">직위</th>
          <th width="250">직무</th>
          <th width="400">연봉</th>
        </tr>
        <tr>
          <td><input name="resume_position" maxlength="20" type="text" class="new_txtfrom" style="width:180px;"></td>
          <td><input name="resume_duty" maxlength="20" type="text" class="new_txtfrom" style="width:180px;"></td>
          <td class="last"><select name="resume_sal_cd" class="select_bx01" style="width:150px;"><option value="">-</option><option value="1200">1200</option><option value="1300">1300</option><option value="1400">1400</option><option value="1500">1500</option><option value="1600">1600</option><option value="1700">1700</option><option value="1800">1800</option><option value="1900">1900</option><option value="2000">2000</option><option value="12">2200</option><option value="10">2400</option><option value="08">2600</option><option value="06">2800</option><option value="04">3000</option><option value="03">3200</option><option value="25">3400</option><option value="26">3600</option><option value="27">3800</option><option value="28">4000</option><option value="29">4200</option><option value="30">4400</option><option value="31">4600</option><option value="32">4800</option><option value="33">5000</option><option value="50">5500</option><option value="38">6000</option><option value="51">6500</option><option value="43">7000</option><option value="52">7500</option><option value="48">8000</option><option value="54">8500</option><option value="55">9000</option><option value="56">9500</option><option value="57">10000</option><option value="58">10500</option><option value="59">11000</option><option value="60">11500</option><option value="61">12000</option><option value="62">12500</option><option value="63">13000</option><option value="64">13500</option><option value="65">14000</option><option value="66">14500</option><option value="67">15000</option><option value="68">15500</option><option value="69">16000</option><option value="70">16500</option><option value="71">17000</option><option value="72">17500</option><option value="73">18000</option><option value="74">18500</option><option value="75">19000</option><option value="77">19500</option><option value="76">20000</option><option value="78">2억이상</option><option value="79">3억이상</option><option value="80">4억이상</option><option value="81">5억이상</option></select> 만원</td>
        </tr>
        <tr>
          <th colspan="3" class="pos_r pd_b10 last">구체업무
            <label>
            	<textarea name="resume_desc" id="textarea" cols="45" rows="5" style="width:650px; height:30px;" class="new_textarea"></textarea>
            </label>
            </th>
        </tr>
        <tr>
          <td class="line last01" colspan="3"></td>
        </tr>
      </tbody></table>        
      <br>
      <img src="https://www.elandscout.com/images/newcomer/career.gif" alt="경력">&nbsp;&nbsp; <img src="https://www.elandscout.com/images/newcomer/btn_add.gif" alt="추가" style="cursor:hand" onclick="javascript:AddCareerRow('Career');" class="va_m"><table width="710" border="0" cellspacing="0" cellpadding="0" id="Career" class="new_from05">
      	 
        <input type="hidden" name="tmpCareerArr" length="5" value="-2">
        <tbody>
        
        
      </tbody>
      </table>   
      
      <!-- 해외연수 -->
      <table width="710" border="0" cellspacing="0" cellpadding="0" class="new_from01">
        <caption><img src="https://www.elandscout.com/images/newcomer/international.gif" alt="해외연수"></caption>
        <tbody><tr>
          <th>국가</th>
          <th>연수목적</th>
          <th>기간</th>
        </tr>
 <!--        <tr>
          <td><input name="abroad_country" maxlength="20" type="text" class="new_txtfrom" style="width:140px;"></td>
          <td><input name="abroad_reason" maxlength="20" type="text" class="new_txtfrom" style="width:300px;"></td>
          <td class="last">
          		<input name="abroad_from_yy" type="text" class="new_txtfrom" maxlength="4" style="width:30px;">년
            	<input name="abroad_from_mm" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">월 ~
            	<input name="abroad_to_yy" type="text" class="new_txtfrom" maxlength="4" style="width:30px;">년
            	<input name="abroad_to_mm" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">월
	  	</td>
        </tr> -->
        <tr>
        
          <td><input name="abroad_country" maxlength="20" type="text" class="new_txtfrom" style="width:140px;" ></td>
          <td><input name="abroad_reason" maxlength="20" type="text" class="new_txtfrom" style="width:140px;"></td>
          <td class="last">
          		<input id="abroad_from_yy" name="abroad_from_yy" type="text" class="new_txtfrom" maxlength="4" style="width:30px;">년
            	<input id="abroad_from_mm" name="abroad_from_mm" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">월 
            	<input id="abroad_from_dd" name="abroad_from_dd" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">일 ~
            	
            	<input type="hidden" name="abroad_fr_ym" id="abroad_fr_ym"  value="">
            	<input id="abroad_to_yy" name="abroad_to_yy" type="text" class="new_txtfrom" maxlength="4" style="width:30px;">년
            	<input id="abroad_to_mm" name="abroad_to_mm" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">월
            	<input id="abroad_to_dd" name="abroad_to_dd" type="text" class="new_txtfrom" maxlength="2" style="width:15px;">일
            	<input type="hidden" id="abroad_to_ym" name="abroad_to_ym" value="" >
            	
  	</form>
	  	</td>
        </tr>
      </tbody></table>
  <div id="winWaiting" style="display:none;">
		<table width="710" border="0" cellspacing="0" cellpadding="0" height="100%">
			<tbody><tr>
				<td valign="middle" align="center">
					<table width="300" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="#ffffff">
						<tbody><tr>
							<td style="background-color:#ffffff; border:1px solid #c6c6ab;">
								<table width="300" border="0" cellspacing="0" cellpadding="0">
									<tbody><tr>
										<td height="30" align="center">잠시만 기다려 주십시오.</td>
									</tr>
								</tbody></table>
							</td>
						</tr>
					</tbody></table>
				</td>
			</tr>
		</tbody></table>
		</div>
      <div class="al_c ma_t30"><a href="javascript:FormCheck();"><img src="https://www.elandscout.com/images/newcomer/btn_save.gif" alt="저장"></a> <a href="javascript:senditNextLang();"><img src="https://www.elandscout.com/images/newcomer/btn_next.gif" alt="다음"></a></div>
    </div>
    <script type="text/javascript">
    function senditNextLang(){
    	location.href="app_etc_insert.do";
    }
    function FormCheck(){
    	$(function(){
    		jQuery.ajaxSettings.traditional = true;
    		/* var email = $("#email_id").val() + "@";
			email += $("#email_addr").val();
			$("#email").attr('value', email); */
			
			//해외연수 날짜
			abroad_from_dd,abroad_to_dd
    				var day1=	$("#abroad_from_yy").val()+"-";
    				var day2=	$("#abroad_to_yy").val()+"-";
    				day1+=$("#abroad_from_mm").val()+"-";
					day2 += $("#abroad_to_mm").val()+"-";
					day1+=$("#abroad_from_dd").val();
					day2+=$("#abroad_to_dd").val();
					
							$("#abroad_fr_ym").attr('value', day1);
							$("#abroad_to_ym").attr('value', day2);
							
							//경력사항 날짜
					var resume_fr_ym=$("#resume_from_yy").val()+"-";
							resume_fr_ym+=$("#resume_from_mm").val()+"-";
							resume_fr_ym+=$("#resume_from_dd").val();
							$("#resume_fr_ym").attr("value",resume_fr_ym);
							
							var resume_to_ym=$("#resume_to_yy").val()+"-";
							resume_to_ym+=$("#resume_to_mm").val()+"-";
							resume_to_ym+=$("#resume_to_dd").val();
							
							$("#resume_to_ym").attr("value",resume_to_ym);
							//아르바이트 날짜
							
							var job_fr_ym=$("#job_from_yy").val()+"-";
							job_fr_ym+=$("#job_from_mm").val()+"-";
							job_fr_ym+=$("#job_from_dd").val();
							$("#job_fr_ym").attr("value",job_fr_ym);
							
							
							
							var job_to_ym=$("#job_to_yy").val()+"-";
							job_to_ym+=$("#job_to_mm").val()+"-";
							job_to_ym+=$("#job_to_dd").val();
							$("#job_to_ym").attr("value",job_to_ym);
							//유효성 검사
							if($("#club_nm").val()==""){
								alert("단체명을 입력하세요")
							}else if($("#club_cd").val()==""){
								alert("단체종류를 선택하세요")
							}else if($("#club_desc").val()==""){
								alert("단체소개를 입력하세요")
							}else if($("#club_post").val()==""){
								alert("직책을 선택하세요")
							}else if($("#club_term_cd").val()==""){
								alert("활동기간을 선택하세요")
							}else if($("#club_member").val()==""){
								alert("구성원을 입력하세요")
							}else{
								$.ajax({
									url : "app_career_insertok.do",
									dataType : "text",
									type : "post",
									data : $("#from").serialize(),
									success : function(data) {
										alert(data);
									},
									error : function(request, status, error) {

										console.log("code:" + request.status + "\n"
												+ "message:" + request.responseText
												+ "\n" + "error:" + error);
									}
								});
							}
						
						});
					}
				</script>
    <!-- 컨텐츠 -->
  </div>

